@import "../vars";
@import "../mixin";

$--sidebar-height: 48px;

.sidebar {
  height: $--sidebar-height;
  display: flex;
  .sidebar-title {
    height: $--sidebar-height;
    line-height: $--sidebar-height;
    text-align: center;
    width: 171px;
  }
  .el-menu, .el-menu--horizontal {
    flex: 1;
    height: $--sidebar-height;
    border: none;
    .el-menu-item {
      width: 117px;
      height: $--sidebar-height;
      line-height: $--sidebar-height;
      text-align: center;
      font-size: 14px;
      border: none;
      &.is-active {
        border: none;
      }
      &:not(.is-disabled):hover {
        border: none;
      }
      &:not(.is-disabled):focus {
        border: none;
      }
    }
    .el-submenu, .el-submenu--horizontal {
      width: 117px;
      height: $--sidebar-height;
      line-height: $--sidebar-height;
      text-align: center;
      font-size: 14px;
      border: none;
      &.is-active {
        border: none;
      }
      &:not(.is-disabled):hover {
        border: none;
      }
      &:not(.is-disabled):focus {
        border: none;
      }
      .el-submenu__title {
        width: 117px;
        height: $--sidebar-height;
        line-height: $--sidebar-height;
        text-align: center;
        font-size: 14px;
        border: none;
      }
    }
  }
}
